@import '../../../config/basic.less';
.pageLayout{
    :global{
        .collapse{
            width: 100%;
        }
        .ant-radio-wrapper{
            margin-top: 0;
        }
        .searchBox {
            padding: 0 !important;
            margin-bottom: 0 !important;
        }
        .ant-spin{
            color:  #fff !important;
        }
        .ant-spin-dot-item{
            background-color: #fff !important;
        }
      }
}
.searchRow{
    display: flex;
    align-items: center;
    padding: 0 20px 10px 20px;
}
.mapCont{
    position: relative;
}
.customermapCont{
    position: relative;
}
.customerBody{
    position: absolute;
    top: 30px;
    left: 30px;
    width: 240px;
    // height: 350px;
    border: 1px solid #EEEEEE;
    background-color: #fff;
    z-index: 88;
}
// .customerBody>div{
//     position: relative;
//     left: -1px;
// }
.customerTitle{
    // width: 240px;
    cursor: pointer;
    font-size: 14px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    background-color: #3485FF;
    color: #fff;
    overflow: hidden;
}
.customerTitle div{
    font-size: 14px;
    float: left;
margin-left: 16px;
}
.customerTitle img{
    width: 20px;
    height: 11px;
    position: absolute;
    top: 16px;
    right: 8px;
}
.customerBar{
    height: 56px;
    border-bottom: 1px solid #EEEEEE;
}
.customerTent{
    border: 1px solid #EEEEEE;
}
.lineBottom{
    float: left;
    height: 56px;
    width: 25%;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    cursor: pointer;
    user-select: none;
}
.customerBar .lineBottom:nth-child(n+2){
    position: relative;
}
.customerBar .lineBottom:nth-child(n+2)::before{
    position: absolute;
    content: '';
    top: 11px;
    left: 0;
    width: 1px;
    height: 35px;
    background-color: #EEEEEE;
}
.baseline{
    position: relative;
    color: #3485FF;
    // border-bottom: 2px solid #3485FF;
}
.baseline::after{
    content: '';
    position: absolute;
    bottom: 0;
    left: 9px;
    width: 42px;
    height: 2px;
    background-color: #3485FF;
}
.seleco{
    color: #3485FF;
}
.fontss{
    color: #666;
}
.nodata{
    max-height: 270px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: 12px;
    color: #999;
}
.nodata img{
    width: 66px;
    height: 47px;
}
.customerList{
    max-height: 270px;
    overflow-y: auto;
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: auto;
}
.customerList::-webkit-scrollbar{
    width: 5px;
    background-color: #F1F1F1;
}
.customerList::-webkit-scrollbar-thumb{
    border-radius: 7px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #CCCCCC;
    }
.customerList li{
    height: 36px;
    line-height: 36px;
    padding: 0 8px;
    margin: 0 8px;
    border-bottom: 1px solid #EEEEEE;
}
.customerHead{
    height: 35px;
}
.listItem{
    display: flex;
    justify-content: space-between;
}
.textC{
    text-align: center;
}
.selectimg{
    margin: 0 6px;
    width: 12px;
    height: 12px;
}